import QtQuick 2.0
import QtQuick.Layouts 1.14
import QtGraphicalEffects 1.14
import "../component"

Item {
    id:root
    property string  pageColor : '#CECDCD'          // 页面背景颜色
    property string  recSelectColor: '#1989FA'  // A3 A4 A5 A6 被点击选择切换的颜色
    property int     selectInx: 0         // A3 A4 A5 A6 被选择的序号

    RowLayout{
        anchors.fill: parent
        spacing: 0
        Rectangle{
           color: pageColor
           Layout.fillWidth : true
           Layout.fillHeight : true

           RowLayout{
               anchors.fill: parent
               Image {
                   id: clothImg
                   source: "qrc:/imgs/cloth.png"

                   Rectangle{
                       width: clothStyleObj.sizeStyle === 3 ? 210 : 200
                       height: clothStyleObj.sizeStyle === 3 ? 300 : 280
                       anchors.centerIn: parent

                       ExClothStyle{
                           anchors.fill: parent
                       }
                   }
               }
           } 
        }

        Rectangle{
           color: pageColor
           Layout.fillWidth : true
           Layout.fillHeight : true

           ColumnLayout{
               anchors.fill:parent
               spacing: 30


               ExCheckBox{
                   id:checkBox1
                    width: 350
                    height:150
                    checkBoxTitle: 'Print Quality'
                    childItems:["Normal","High"]
                    Layout.alignment: Qt.AlignHCenter | Qt.AlignCenter
                    Layout.topMargin: 80

                    Connections{
                        target: checkBox1
                        function onShootMsg(mode){
                            printControl.setRipMode(mode)
                        }
                    }
               }



               ExCheckBox{
                   id:checkBox2
                    width: 350
                    height:150
                    checkBoxTitle: 'White Ink Thickness'
                    childItems:["Thin","Normal"]
                    Layout.alignment: Qt.AlignHCenter | Qt.AlignCenter
                    Layout.bottomMargin: 30
               }

               Rectangle{
                   Layout.fillHeight: true
                   Layout.fillWidth: true
                   color: 'transparent'
               }
           }
        }
    }
}

